<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>

<style>
  div{
    width: 1000px;
    height: 700px;
    border: 1px solid red;
    background-image: url("../img/证件照 (2).jpg");
    /*写法不同：background:red url("../img/证件照 (2).jpg") 270px 10px no-repeat */
  }
  .div1{
    background-repeat: repeat-x; /*水平平铺*/
  }
  .div2{
    background-repeat: repeat-y;  /*垂直平铺*/
  }
  .div3{
    background-repeat: no-repeat;  /*不平铺*/
  }
</style>
<body>

<div class="div1">

</div>

<div class="div2">
  <img src="" alt="">
</div>

<div class="div3">
  <img src="" alt="">
</div>



</body>
</html>
